<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/7/15
  Time: 11:08
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>测试ajax</title>
     <script src="static/js/jquery-2.1.0.js"></script>
</head>
<body>
    请输入用户编号：<input type="text" id="input">
    <button  onclick="getUsername()" >获取用户名</button>
    <br>
    <input type="text" id="out">
    <br>
备注：<textarea>

</textarea>
</body>
    <script>
       function getUsername() {
           /*let input = document.getElementById("input").value;*/
           let input=$("#input").val();
           $.ajax({
               url:"user?method=findUserByid",//路径
               data:{id:input},//传递给后台的参数
               dataType:"text",//相应的数据类型：服务器给我的
               type:"get",
               //async:true,//ajax时异步同步
               success:function (data) {
                   //成功的响应函数  ：data名字随便写，代表的是服务器相应的内容
                 /*   alert(data)*/
                    $("#out").val(data);
               }
           })
       }
    </script>
</html>
